GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>BBCode</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading">BBCode</h1>

</header>

</div>

BBCode (von engl. Bulletin Board Code) ist eine an <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> angelehnte, jedoch <a href="Vereinfachte_Auszeichnungssprache" class="mw-redirect" title="Vereinfachte Auszeichnungssprache">vereinfachte Auszeichnungssprache</a>, die bevorzugt für die Erstellung von Beiträgen in <a href="Internetforum" title="Internetforum">Webforen</a> (engl. Bulletin Boards) eingesetzt wird. BBCode ist nicht offiziell <a href="Regel_(Richtlinie)" title="Regel (Richtlinie)">reglementiert</a>, stellt aber wegen seiner hohen Verbreitung einen <a href="Industriestandard" title="Industriestandard">Quasi-Standard</a> sowie eine <a href="Best_Current_Practice" title="Best Current Practice">Best Current Practice</a> dar.

BBCode wurde erstmals 1998 in der Webforensoftware Ultimate Bulletin Board (UBB) Version 3 eingeführt und wird dementsprechend manchmal auch als UBB Code bezeichnet.<a href="#cite_note-1">[1]</a> Mittlerweile ist er so etabliert und verbreitet, dass in den Programmiersprachen <a href="JavaScript" title="JavaScript">JavaScript</a>, <a href="PHP" title="PHP">PHP</a> und <a href=".NET_(Oberbegriff)" title=".NET (Oberbegriff)">.NET</a> frei nutzbare Implementierungen eines <a href="Parser" title="Parser">Parsers</a> von BBCode zu HTML existieren.<a href="#cite_note-2">[2]</a>

<div class="mw-heading mw-heading2"><h2 id="Beschreibung">Beschreibung</h2></div>

Viele Textauszeichnungen funktionieren in BBCode analog zu <a href="HTML" class="mw-redirect" title="HTML">HTML</a>, beispielsweise <code class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr">[b]fett[/b]</code>, <code class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr">[i]kursiv[/i]</code> und <code class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr">[u]unterstrichen[/u]</code>. Zudem, sofern nicht direkt über HTML möglich, erlaubt BBCode auch komplexe Elemente wie zum Beispiel Listen, die folgendermaßen definiert werden: <code class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr">[list] [*]Eintrag 1 [*]Eintrag 2[/list]</code>.

Oftmals ist BBCode über eine einfach zu bedienende Oberfläche ober- oder unterhalb des Eingabeformulars – ähnlich gängigen Text-Editoren – verfügbar. Dies erfolgt dann in Verbindung mit <a href="JavaScript" title="JavaScript">JavaScript</a> oder serverseitigen Programmiersprachen, wie zum Beispiel <a href="PHP" title="PHP">PHP</a> oder <a href="Perl_(Programmiersprache)" title="Perl (Programmiersprache)">Perl</a>. Gerne gibt es dann auch <a href="Pop-up" title="Pop-up">Pop-ups</a>, in denen der auszuzeichnende Text, die Listenelemente usw. eingegeben werden kann. Natürlich kann man die Elemente auch von Hand eintragen.

Der Einsatz von BBCode ermöglicht es Benutzern, Texte ähnlich wie mit HTML auszuzeichnen, ohne dass das Eingeben von HTML erlaubt sein muss. Sicherheitsbedenkliche Elemente wie beispielsweise JavaScript oder das <a href="Layout" title="Layout">Layout</a> der Webseite störende Tags können damit generell ausgeschlossen werden. Das Herausfiltern von gefährlichen HTML-Tags (bei gleichzeitigem Erlauben von ungefährlichen) kann sich nämlich leicht als fehlerträchtig oder unzureichend erweisen.

<div class="mw-heading mw-heading2"><h2 id="Aufbau_und_Umfang">Aufbau und Umfang</h2></div>

Im Gegensatz zu anderen <a href="Auszeichnungssprache" title="Auszeichnungssprache">Auszeichnungssprachen</a> ist BBCode nicht offiziell reglementiert, unterscheidet sich also von <a href="Implementierung" title="Implementierung">Implementierung</a> zu Implementierung. Der grundlegende Aufbau und Umfang ist jedoch großteils gleich und bildet einen De-facto-Standard. Größere und auf ein Thema spezialisierte Foren erweitern den Standardsatz von BBCodes oft durch einige eigene Codes.

<th class="hintergrundfarbe6">Element

</th>

<th class="hintergrundfarbe6">Auszeichnung in BBCode

</th>

<th class="hintergrundfarbe6">Äquivalent in XHTML

</th></tr>

<tr>

<td>Auszeichnungselement

</td>

<td><code>[elementname]Inhalt[/elementname]</code>

</td>

<td><code><elementname>Inhalt</elementname></code><style data-mw-deduplicate="TemplateStyles:r261937660">

/* start https://de.wikipedia.org/ */

.mw-parser-output .fussnoten-marke{font-style:normal;font-variant:normal;font-weight:normal;unicode-bidi:isolate;white-space:nowrap}.mw-parser-output sup.fussnoten-marke{font-size:0.75rem}.mw-parser-output .fussnoten-etui sup{margin-left:-0.15rem}.mw-parser-output span.fussnoten-inhalt{padding-left:0.1rem}.mw-parser-output span.fussnoten-inhalt+span.fussnoten-inhalt{padding-left:0.15rem}.mw-parser-output .fussnoten-block{margin-bottom:0.1rem}.mw-parser-output div.fussnoten-inhalt{display:inline-block;padding-left:0.8rem;text-indent:-0.8rem}.mw-parser-output div.fussnoten-inhalt p,.mw-parser-output div.fussnoten-inhalt dl,.mw-parser-output div.fussnoten-inhalt ol,.mw-parser-output div.fussnoten-inhalt ul{text-indent:0}.mw-parser-output div.fussnoten-inhalt.fussnoten-floatfix{display:block}.mw-parser-output .fussnoten-box{margin-top:0.5rem;padding-left:0.8rem}.mw-parser-output .fussnoten-box,.mw-parser-output div.fussnoten-inhalt{font-size:94%}.mw-parser-output .fussnoten-box div.fussnoten-inhalt,.mw-parser-output span.fussnoten-inhalt,.mw-parser-output .fussnoten-inhalt .reference-text{font-size:inherit}.mw-parser-output .fussnoten-inhalt .reference-text{display:inline}.mw-parser-output .fussnoten-linie{display:inline-block;position:relative;top:-1em;border-top:solid 1px #808080;width:8rem}.mw-parser-output .fussnoten-linie+p,.mw-parser-output .fussnoten-linie+dl,.mw-parser-output .fussnoten-linie+ol,.mw-parser-output .fussnoten-linie+ul,.mw-parser-output .fussnoten-linie+link+div{margin-top:-1em}.mw-parser-output .annotationpair-m:target .fussnoten-marke,.mw-parser-output .fussnoten-inhalt:target{background-color:var(--background-color-progressive-subtle,#f1f4fd);box-shadow:0 0 0 0.25em var(--background-color-progressive-subtle,#f1f4fd)}.mw-parser-output .annotationpair-m:target .fussnoten-marke,.mw-parser-output .fussnoten-inhalt:target .fussnoten-marke{font-weight:bold}

/* end https://de.wikipedia.org/ */

</style> (Anm.)

</td></tr>

<tr>

<td>einfache Schriftformatierung

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[b]fett[/b]

[i]kursiv[/i]

[u]unterstrichen[/u]

[s]durchgestrichen[/s]

[center]zentriert[/center]

</pre></div>

</td>

<td>

<i>kursiv</i> oder <em>kursiv</em>

<span style="text-decoration:underline;">unterstrichen</span>

<span style="text-decoration:line-through;">durchgestrichen</span>,

in HTML5 auch: <del>durchgestrichen</del>

<p style="text-align:center;">zentriert</p>

</pre></div>

</td></tr>

<tr>

<td>erweiterte Schriftformatierung

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[font=schriftart]Text[/font]

[color=farbe]farbiger Text[/color]

[size=schriftgröße]Text[/size]

</pre></div>

</td>

<td>

<span style="color:farbe;">farbiger Text</span>

</pre></div>

</td></tr>

<tr>

<td>Gliederung

</td>

<td>

<div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre>... lorem ipsum

(Leerzeile)

dolor ...

</pre></div>

</td>

<td>

<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><p>... lorem ipsum</p>

<p>dolor ...</p>

</pre></div>

</td></tr>

<tr>

<td>Aufzählungsliste ohne Nummerierung

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[list]

[*]Punkt

[/list]

</pre></div>

</td>

<td>

<li>Punkt</li>

</ul>

</pre></div>

</td></tr>

<tr>

<td>Aufzählungsliste mit Nummerierung in arabischen Ziffern

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[list=1]

[*]Punkt

[/list]

</pre></div>

</td>

<td>

<li>Punkt</li>

</ol>

</pre></div>

</td></tr>

<tr>

<td>Aufzählungsliste mit Nummerierung in (kleinen) römischen Ziffern

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[list=i]

[*]Punkt

[/list]

</pre></div>

</td>

<td>

<li>Punkt</li>

</ol>

</pre></div>

</td></tr>

<tr>

<td>Aufzählungsliste mit Nummerierung in (kleinen) Buchstaben

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[list=a]

[*]Punkt

[/list]

</pre></div>

</td>

<td>

<li>Punkt</li>

</ol>

</pre></div>

</td></tr>

<tr>

<td>Verweise

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[url=http://example.com]Linktext[/url]

[url]http://example.com[/url]

</pre></div>

</td>

<td>

<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><a href="http://example.com">Linktext</a>

<a href="http://example.com">http://example.com</a>

</pre></div>

</td></tr>

<tr>

<td>Bilder

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[img]example.com/bild.jpg[/img]

</pre></div>

</td>

<td>

</pre></div>

</td></tr>

<tr>

<td><a href="Smiley" title="Smiley">Smileys</a>

</td>

<td>

<div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre>:-) oder :)

</pre></div>

</td>

<td>

</pre></div>

</td></tr>

<tr>

<td><a href="Quelltext" title="Quelltext">Quelltext</a>

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[code]

Code jeglicher Art

[/code]

</pre></div>

</td>

<td>

Code jeglicher Art

</pre>

</pre></div>

Die echte HTML-Syntax ist üblicherweise fortgeschrittener als hier dargestellt.

</td></tr>

<tr>

<td>Zitate (nur als <a href="Blockzitat" title="Blockzitat">Blockzitat</a>)

</td>

<td>

<div class="mw-highlight mw-highlight-lang-bbcode mw-content-ltr" dir="ltr"><pre>[quote]Zitat[/quote]

[quote=Autor]Zitat[/quote]

</pre></div>

</td>

<td>

<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><blockquote>Zitat</blockquote>

<blockquote><div class="postedby">Zitat von Autor</div><p>Zitat</p></blockquote>

</pre></div>

Das Parsing von BBCode zu HTML ist hier vor allem bei Nennung des Autors abgesehen von <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><blockquote></code> sehr uneinheitlich. Innerhalb des Blockquote finden sich üblicherweise noch weitere Elemente.

</td></tr></tbody></table>

<div class="fussnoten-block"><div class="fussnoten-inhalt references">(Anm.) <div class="reference-text">In der Tabelle eventuell zu sehende Zeilenumbrüche innerhalb der HTML-Elemente sind der individuellen Fensterbreite geschuldet. Im Quelltext sind sie nicht enthalten.</div></div></div>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<ul><li><a rel="nofollow" class="external text" href="https://web.archive.org/web/19991012192415/http://scriptkeeper.com/ubb/ubbcode.html">What is UBB Code?</a> (Archivierte FAQ-Seite eines vom UBB-Hersteller betriebenen Forums)</li>

<li><a rel="nofollow" class="external text" href="http://www.mywebsolution.de/tutorials/4/show_BB-Code.html">Tutorial zum Erstellen eines BBCodes</a></li>

<li><a rel="nofollow" class="external text" href="https://www.bbcode.org/">BBCode.org</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><a href="#cite_ref-1">↑</a> scriptkeeper.com: <a rel="nofollow" class="external text" href="https://web.archive.org/web/19991012192415/http://scriptkeeper.com/ubb/ubbcode.html">What is UBB Code?</a>

</li>

<li id="cite_note-2"><a href="#cite_ref-2">↑</a> <a rel="nofollow" class="external text" href="https://www.bbcode.org/implementations.php">BBCode implementations.</a> bbcode.org, abgerufen am 12. Januar 2022 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABBCode&rft.title=BBCode+implementations&rft.description=BBCode+implementations&rft.identifier=https%3A%2F%2Fwww.bbcode.org%2Fimplementations.php&rft.publisher=bbcode.org&rft.language=en">

</li>

</ol></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2026-01-09" href="https://de.wikipedia.org/wiki/?title=BBCode&oldid=263177521">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>